#divPaginaPrincipal{
    margin-left: -12px;
    margin-right: -8px;
    overflow: hidden;
}
#divCabecera{
    overflow: hidden;
    width: 100%;
    height: 140px;
    background: url(../images/imgHead.png) repeat;
    background-position: bottom left;
}
#divContenidoCabecera{
    overflow: hidden;
    width: 900px;
}
#divContenidoCabecera h1{
    margin-top: 10px;
    padding-right: 140px;
    color: #747171;
    text-align: right;
    font: bold 25px ;
    font-family: 'Courier New',Courier,monospace;
}
#divContenidoCabecera h2{
    margin-top: -20px;
    padding-right: 140px;
    color: #f9a12d;
    text-align: right;
    font: bold 20px ;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#divContenidoCabecera #imgLogo{
    margin-top: -95px;
    float: right;
    height: 100px;
    width: 120px;
}
#divContenidoCabecera #imgHead{
    margin-top: -117px;
    float: left;
}
#divContenidoCabecera span{
    color: #e4e1cd;
    float: left;
    font: bold 11px Arial;
}

#divContenidoCabecera a{
    margin-top: -5px;
    float: right;
    color: #e4e1cd;
    font: bold 13px Arial;
    text-decoration: none;
    cursor: pointer;
}

#divContenidoCabecera a img{
    margin-right: 3px;
}
#divContenidoCabecera a:hover{
    color: #f73729;
}

#divMenuPrincipal{
    width:900px;
}
#divMenuPrincipal .menu{
    position: fixed;
}
#divMenuPrincipal .menu ul li{
    border: 1px solid #8C8C8C;
    background: #e4e1cd;
    font: 12px Arial;
    margin-right: 2px;
    cursor:pointer;
}

#divMenuPrincipal .menu ul li a{
    text-decoration: none;
    color:#3e3e3e;
}

#divMenuPrincipal .menu ul li:hover{
    background: #fbc867;
}

#divMenuPrincipal .menu ul li ul{
    margin-top: 7px;
    border: 1px solid #8C8C8C;
    background: #e4e1cd;
}
#divMenuPrincipal .menu ul li ul li{
    text-align: left;
    border-bottom: 1px dashed #8C8C8C;
    border-left: 0;
    border-top: 0;
    border-right: 0;
}
#divMenuPrincipal .menu ul li ul li a{
    color:#3e3e3e;
}


#divMenuPrincipal .menu ul li ul li ul{
    margin-top: -1px;
    margin-left: 18px;
    border: 1px solid #8C8C8C;
}
#divMenuPrincipal .menu ul li ul li ul li{
    text-align: left;
}

/*contenido principal de la web*/
#divContenidoPrincipal{
    margin-top: 60px;
    overflow: hidden;
    width: 900px;
    border: 1px dashed #8C8C8C;
    /*background: #e4e1cd;*/
}

#divPiePagina{
    margin: 20px 0 0 0;
    border-top: 1px dotted #303030;
    width: 100%;
}
#divPiePagina span{
    font: bold 12px Arial;
    margin: 10px 20px 0 20px;
    color: #747171;
}
#divPiePagina span.desarrolladores{
    float: right;
}
#divPiePagina span.telefono{
    float: left;
}

/*para el login*/
#divLogin{
    margin-top: 30px;
    margin-bottom: 30px;
    color: #e4e1cd;
/*    border: 1px solid red;*/
    overflow: hidden;
    width: 500px;
}
#divLogin table{
    background: #3e3e3e;
    width: 240px;
}
#divLogin table thead tr td{
    border-bottom: 1px solid;
    text-align: center;
    font: bold 12px Arial;
    height: 30px;
}
#divLogin table tbody tr td{
    font: bold 11px Arial;
    padding: 5px 20px 0px 20px;
}
#divLogin table tbody tr td .cajaLogeo{
    margin-top: -5px;
    width: 200px;
}
#divLogin table tbody tr td .botonLogeo{
    float: right;
    margin-bottom: 15px;
    border: 1px solid #e4e1cd;
    cursor: pointer;
    font: 11px Arial;
    color: #747171;
    width: 50px;
}
#divLogin table tbody tr td .botonLogeo:hover{
    border: 1px solid #f9a12d;
    font: bold 11px Arial;
}

/*estilos para las opciones de los mantenimientos*/
.divContenidoOpcMant{
    overflow: hidden;
    padding: 10px 5px 5px 5px;
}
.divContenidoOpcMant h4{
    text-align: center;
    margin: 0 0 0 0;
    font: bold 14px Arial;
}
.divContenidoOpcMant a{
    float: left;
    text-decoration: none;
    color: #3e3e3e;
    font: bold 11px Arial;
}

#divNuevoPersNat{
    margin-top: 10px;
    overflow: hidden;
    width: 610px;
}
#divCabeceraFormulario{    
    padding: 0 0 0 0;
    overflow: hidden;
}
.divOpcionesBusqueda h4{
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.divOpcionesBusqueda div{
    padding: -10px 0 0 0;
}
.divOpcionesBusqueda div table{
    width:  100%;
}
/*estilos para las pestañas*/
.tbFormulario{
    width: 90%;
    border: 1px solid #e4e1cd;
}
.tbFormulario tbody tr .etiqueta{
    text-align: right;
}
.tbFormulario tbody tr td{
    text-align: left;
}
.tbFormulario tbody tr td input{
    float: left;
}
.titleFormulario{
    margin: 10px 0 0 0;
    font: bold 11px Arial;
}
.btnAtras{
    margin: 10px 0 0 0;
    float: left;
    cursor: pointer;
}
.divBotones{
    overflow: hidden;
    width: 600px;  
    text-align: right;
}
.divBotones button{
    margin: 0 0 10px 0;
}

